$grid-field-column: (
  cell-padding: getCssVar(spacing, tight),
  text-color: getCssVar(color, primary),
);

@include b(grid-field-column) {
  @include set-component-css-var(grid-field-column, $grid-field-column);

  display:inline-flex;
  align-items: center;
  justify-content: getCssVar('grid-column', 'justify-content');
  width: auto;
  height: 100%;
  padding: getCssVar(grid-field-column, cell-padding);

  @include e(text) {
    @include overflow-wrap;
  }

  @include m(clickable) {
    color: getCssVar(grid-field-column, text-color);
    cursor: pointer;
  }
}
